<!doctype html>
<html lang="CN_CH">
<head>
<meta charset="utf-8">
<title>黄道日历</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="applicable-device" content="pc,mobile">
<meta http-equiv="Cache-Control" content="no-transform">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="wap-font-scale" content="no">
<link rel="stylesheet" href="date/index.css">
<script type="text/javascript" src="date/jquery-1.10.2.min.js"></script>
<SCRIPT language="JScript" src="date/moon.js"></SCRIPT>
</head>
<body>
<article>
<section>
<div class="nav">查看 <SELECT onChange="changeCld()" name="SY" id="SY">
              <option value="1900">1900</option><option value="1901">1901</option><option value="1902">1902</option><option value="1903">1903</option><option value="1904">1904</option><option value="1905">1905</option><option value="1906">1906</option><option value="1907">1907</option><option value="1908">1908</option><option value="1909">1909</option><option value="1910">1910</option><option value="1911">1911</option><option value="1912">1912</option><option value="1913">1913</option><option value="1914">1914</option><option value="1915">1915</option><option value="1916">1916</option><option value="1917">1917</option><option value="1918">1918</option><option value="1919">1919</option><option value="1920">1920</option><option value="1921">1921</option><option value="1922">1922</option><option value="1923">1923</option><option value="1924">1924</option><option value="1925">1925</option><option value="1926">1926</option><option value="1927">1927</option><option value="1928">1928</option><option value="1929">1929</option><option value="1930">1930</option><option value="1931">1931</option><option value="1932">1932</option><option value="1933">1933</option><option value="1934">1934</option><option value="1935">1935</option><option value="1936">1936</option><option value="1937">1937</option><option value="1938">1938</option><option value="1939">1939</option><option value="1940">1940</option><option value="1941">1941</option><option value="1942">1942</option><option value="1943">1943</option><option value="1944">1944</option><option value="1945">1945</option><option value="1946">1946</option><option value="1947">1947</option><option value="1948">1948</option><option value="1949">1949</option><option value="1950">1950</option><option value="1951">1951</option><option value="1952">1952</option><option value="1953">1953</option><option value="1954">1954</option><option value="1955">1955</option><option value="1956">1956</option><option value="1957">1957</option><option value="1958">1958</option><option value="1959">1959</option><option value="1960">1960</option><option value="1961">1961</option><option value="1962">1962</option><option value="1963">1963</option><option value="1964">1964</option><option value="1965">1965</option><option value="1966">1966</option><option value="1967">1967</option><option value="1968">1968</option><option value="1969">1969</option><option value="1970">1970</option><option value="1971">1971</option><option value="1972">1972</option><option value="1973">1973</option><option value="1974">1974</option><option value="1975">1975</option><option value="1976">1976</option><option value="1977">1977</option><option value="1978">1978</option><option value="1979">1979</option><option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option value="1983">1983</option><option value="1984">1984</option><option value="1985">1985</option><option value="1986">1986</option><option value="1987">1987</option><option value="1988">1988</option><option value="1989">1989</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</option><option value="2005">2005</option><option value="2006">2006</option><option value="2007">2007</option><option value="2008">2008</option><option value="2009">2009</option><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option><option value="2022">2022</option><option value="2023" selected>2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option><option value="2031">2031</option><option value="2032">2032</option><option value="2033">2033</option><option value="2034">2034</option><option value="2035">2035</option><option value="2036">2036</option><option value="2037">2037</option><option value="2038">2038</option><option value="2039">2039</option><option value="2040">2040</option><option value="2041">2041</option><option value="2042">2042</option><option value="2043">2043</option><option value="2044">2044</option><option value="2045">2045</option><option value="2046">2046</option><option value="2047">2047</option><option value="2048">2048</option><option value="2049">2049</option><option value="2050">2050</option><option value="2051">2051</option><option value="2052">2052</option><option value="2053">2053</option><option value="2054">2054</option><option value="2055">2055</option><option value="2056">2056</option><option value="2057">2057</option><option value="2058">2058</option><option value="2059">2059</option><option value="2060">2060</option><option value="2061">2061</option><option value="2062">2062</option><option value="2063">2063</option><option value="2064">2064</option><option value="2065">2065</option><option value="2066">2066</option><option value="2067">2067</option><option value="2068">2068</option><option value="2069">2069</option><option value="2070">2070</option><option value="2071">2071</option><option value="2072">2072</option><option value="2073">2073</option><option value="2074">2074</option><option value="2075">2075</option><option value="2076">2076</option><option value="2077">2077</option><option value="2078">2078</option><option value="2079">2079</option><option value="2080">2080</option><option value="2081">2081</option><option value="2082">2082</option><option value="2083">2083</option><option value="2084">2084</option><option value="2085">2085</option><option value="2086">2086</option><option value="2087">2087</option><option value="2088">2088</option><option value="2089">2089</option><option value="2090">2090</option><option value="2091">2091</option><option value="2092">2092</option><option value="2093">2093</option><option value="2094">2094</option><option value="2095">2095</option><option value="2096">2096</option><option value="2097">2097</option><option value="2098">2098</option><option value="2099">2099</option><option value="2100">2100</option>            </SELECT> 年 <SELECT onChange="changeCld()" name="SM" id="SM">
              <option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10" selected>10</option><option value="11">11</option><option value="12">12</option>            </SELECT> 月&emsp;&emsp;&emsp;&emsp;<b id="YMBG"></b></div>
<ul class="week dis_flex">
<li class="flex"><font color="red">日</font></li><li class="flex">一</li><li class="flex">二</li><li class="flex">三</li><li class="flex">四</li><li class="flex">五</li><li class="flex"><font color="red">六</font></li>
</ul>
<ul class="day dis_flex">
 <li id="GD0" class="flex" onClick="mOvr(0);">
<b><font title="点击查看右侧日历注解" id="SD0"></font></b>
<br><font id="LD0"></font></li>
 <li id="GD1" class="flex" onClick="mOvr(1);">
<b><font title="点击查看右侧日历注解" id="SD1"></font></b>
<br><font id="LD1"></font></li>
 <li id="GD2" class="flex" onClick="mOvr(2);">
<b><font title="点击查看右侧日历注解" id="SD2"></font></b>
<br><font id="LD2"></font></li>
 <li id="GD3" class="flex" onClick="mOvr(3);">
<b><font title="点击查看右侧日历注解" id="SD3"></font></b>
<br><font id="LD3"></font></li>
 <li id="GD4" class="flex" onClick="mOvr(4);">
<b><font title="点击查看右侧日历注解" id="SD4"></font></b>
<br><font id="LD4"></font></li>
 <li id="GD5" class="flex" onClick="mOvr(5);">
<b><font title="点击查看右侧日历注解" id="SD5"></font></b>
<br><font id="LD5"></font></li>
 <li id="GD6" class="flex" onClick="mOvr(6);">
<b><font title="点击查看右侧日历注解" id="SD6"></font></b>
<br><font id="LD6"></font></li>
 
</ul>
 <ul class="day dis_flex">
 <li id="GD7" class="flex" onClick="mOvr(7);">
<b><font title="点击查看右侧日历注解" id="SD7"></font></b>
<br><font id="LD7"></font></li>
 <li id="GD8" class="flex" onClick="mOvr(8);">
<b><font title="点击查看右侧日历注解" id="SD8"></font></b>
<br><font id="LD8"></font></li>
 <li id="GD9" class="flex" onClick="mOvr(9);">
<b><font title="点击查看右侧日历注解" id="SD9"></font></b>
<br><font id="LD9"></font></li>
 <li id="GD10" class="flex" onClick="mOvr(10);">
<b><font title="点击查看右侧日历注解" id="SD10"></font></b>
<br><font id="LD10"></font></li>
 <li id="GD11" class="flex" onClick="mOvr(11);">
<b><font title="点击查看右侧日历注解" id="SD11"></font></b>
<br><font id="LD11"></font></li>
 <li id="GD12" class="flex" onClick="mOvr(12);">
<b><font title="点击查看右侧日历注解" id="SD12"></font></b>
<br><font id="LD12"></font></li>
 <li id="GD13" class="flex" onClick="mOvr(13);">
<b><font title="点击查看右侧日历注解" id="SD13"></font></b>
<br><font id="LD13"></font></li>
 
</ul>
 <ul class="day dis_flex">
 <li id="GD14" class="flex" onClick="mOvr(14);">
<b><font title="点击查看右侧日历注解" id="SD14"></font></b>
<br><font id="LD14"></font></li>
 <li id="GD15" class="flex" onClick="mOvr(15);">
<b><font title="点击查看右侧日历注解" id="SD15"></font></b>
<br><font id="LD15"></font></li>
 <li id="GD16" class="flex" onClick="mOvr(16);">
<b><font title="点击查看右侧日历注解" id="SD16"></font></b>
<br><font id="LD16"></font></li>
 <li id="GD17" class="flex" onClick="mOvr(17);">
<b><font title="点击查看右侧日历注解" id="SD17"></font></b>
<br><font id="LD17"></font></li>
 <li id="GD18" class="flex" onClick="mOvr(18);">
<b><font title="点击查看右侧日历注解" id="SD18"></font></b>
<br><font id="LD18"></font></li>
 <li id="GD19" class="flex" onClick="mOvr(19);">
<b><font title="点击查看右侧日历注解" id="SD19"></font></b>
<br><font id="LD19"></font></li>
 <li id="GD20" class="flex" onClick="mOvr(20);">
<b><font title="点击查看右侧日历注解" id="SD20"></font></b>
<br><font id="LD20"></font></li>
 
</ul>
 <ul class="day dis_flex">
 <li id="GD21" class="flex" onClick="mOvr(21);">
<b><font title="点击查看右侧日历注解" id="SD21"></font></b>
<br><font id="LD21"></font></li>
 <li id="GD22" class="flex" onClick="mOvr(22);">
<b><font title="点击查看右侧日历注解" id="SD22"></font></b>
<br><font id="LD22"></font></li>
 <li id="GD23" class="flex" onClick="mOvr(23);">
<b><font title="点击查看右侧日历注解" id="SD23"></font></b>
<br><font id="LD23"></font></li>
 <li id="GD24" class="flex" onClick="mOvr(24);">
<b><font title="点击查看右侧日历注解" id="SD24"></font></b>
<br><font id="LD24"></font></li>
 <li id="GD25" class="flex" onClick="mOvr(25);">
<b><font title="点击查看右侧日历注解" id="SD25"></font></b>
<br><font id="LD25"></font></li>
 <li id="GD26" class="flex" onClick="mOvr(26);">
<b><font title="点击查看右侧日历注解" id="SD26"></font></b>
<br><font id="LD26"></font></li>
 <li id="GD27" class="flex" onClick="mOvr(27);">
<b><font title="点击查看右侧日历注解" id="SD27"></font></b>
<br><font id="LD27"></font></li>
 
</ul>
 <ul class="day dis_flex">
 <li id="GD28" class="flex" onClick="mOvr(28);">
<b><font title="点击查看右侧日历注解" id="SD28"></font></b>
<br><font id="LD28"></font></li>
 <li id="GD29" class="flex" onClick="mOvr(29);">
<b><font title="点击查看右侧日历注解" id="SD29"></font></b>
<br><font id="LD29"></font></li>
 <li id="GD30" class="flex" onClick="mOvr(30);">
<b><font title="点击查看右侧日历注解" id="SD30"></font></b>
<br><font id="LD30"></font></li>
 <li id="GD31" class="flex" onClick="mOvr(31);">
<b><font title="点击查看右侧日历注解" id="SD31"></font></b>
<br><font id="LD31"></font></li>
 <li id="GD32" class="flex" onClick="mOvr(32);">
<b><font title="点击查看右侧日历注解" id="SD32"></font></b>
<br><font id="LD32"></font></li>
 <li id="GD33" class="flex" onClick="mOvr(33);">
<b><font title="点击查看右侧日历注解" id="SD33"></font></b>
<br><font id="LD33"></font></li>
 <li id="GD34" class="flex" onClick="mOvr(34);">
<b><font title="点击查看右侧日历注解" id="SD34"></font></b>
<br><font id="LD34"></font></li>
 
</ul>
 <ul class="day dis_flex">
 <li id="GD35" class="flex" onClick="mOvr(35);">
<b><font title="点击查看右侧日历注解" id="SD35"></font></b>
<br><font id="LD35"></font></li>
 <li id="GD36" class="flex" onClick="mOvr(36);">
<b><font title="点击查看右侧日历注解" id="SD36"></font></b>
<br><font id="LD36"></font></li>
 <li id="GD37" class="flex" onClick="mOvr(37);">
<b><font title="点击查看右侧日历注解" id="SD37"></font></b>
<br><font id="LD37"></font></li>
 <li id="GD38" class="flex" onClick="mOvr(38);">
<b><font title="点击查看右侧日历注解" id="SD38"></font></b>
<br><font id="LD38"></font></li>
 <li id="GD39" class="flex" onClick="mOvr(39);">
<b><font title="点击查看右侧日历注解" id="SD39"></font></b>
<br><font id="LD39"></font></li>
 <li id="GD40" class="flex" onClick="mOvr(40);">
<b><font title="点击查看右侧日历注解" id="SD40"></font></b>
<br><font id="LD40"></font></li>
 <li id="GD41" class="flex" onClick="mOvr(41);">
<b><font title="点击查看右侧日历注解" id="SD41"></font></b>
<br><font id="LD41"></font></li>
 
</ul>
 </section>
<section class="today">
<!--当日信息-->
<div id="sg2" class="intro"></div>
<!--日干禄-->
<div id="dayglustr"></div>
<div class="moon dis_flex"><span id="sg5" class="flex"></span><span id="sg" class="flex" style="padding-top:1rem"></span></div>
<div class="nowtime">现时：<SPAN id="Clock"></SPAN>(<SPAN id="tim2"></SPAN>)</div>
<div class="info">
<!--shiganzhi-->
<p>时：<small id="sg3"></small></p>
<!--nowtime flase-->
        <p id="tim"></p>
<!--jixiong 12shen-->
        <p id="sg4"></p>
</div>
<div class="dashi" id="GZ"></div>
</section>
</article>
<SCRIPT>
var snow=0;
var Today = new Date();
var td = Today.getDate();

$(function(){
changeCld();
})

function drawCld(SY,SM){
$.ajax({url:'https://www.zydx.win/date/hdrl/ajax.php',
data:{act:'days',SY:SY,SM:SM,ismobile:true},
type:'POST',
dataType:"json",
success: function(d){
if(d.code==1){
$('#GZ').html(d.info.gz);
$('#YMBG').html(d.info.YMBG);
for(var i=0;i<42;i++){
$('#SD'+i).css('color',d.info.cl[i]);
$('#SD'+i).html(d.info.gl[i]);
$('#LD'+i).html(d.info.nl[i]);
}
mOvr(7);
}else{
alert('获取数据失败');
}
}
});
}

function mOvr(v){
var sObj=$('#SD'+ v);
var dd=parseInt(sObj.html());
if (snow == 0) {
dd = td;
snow = 1;
}
var SY=$('#SY').val();
var SM=$('#SM').val();

$.ajax({url:'https://www.zydx.win/date/hdrl/ajax_info.php',
data:{act:'info',SY:SY,SM:SM,SD:dd,ismobile:true},
type:'POST',
dataType:"json",
success: function(d){
if(d.code==1){
$('#sg').html('');
$('#sg').html(d.info.sg);
$('#sg2').html('');
$('#sg2').html(d.info.sg2);
$('#sg3').html('');
$('#sg3').html(d.info.sg3);
$('#sg4').html('');
$('#sg4').html(d.info.sg4);
$('#sg5').html('');
$('#sg5').html(d.info.sg5);
$('#dayglustr').html('');
$('#dayglustr').html(d.info.dlu);
tick(dd);
}else{
alert('获取数据失败');
}
}
});
}
function changeCld() {
var SY=$('#SY').val();
var SM=$('#SM').val();
drawCld(SY,SM);
}
</SCRIPT>
</body>
</html>